﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Top Laptop Providers</title>
    <style type="text/css">
    table.myTable { border:1px solid black }
    </style>
</head>
<body>
    <table>
        <thead>
            <tr>
                <td style="text-align:center" colspan="3" >
                    <a href="http://www.apple.com" >Apple</a>
                    <a href="http://www.toshiba.com" >Toshiba</a>
                    <a href="http://www.lenovo.com" >Lenovo</a>
                    <a href="http://www.assus.com" >Assus</a>
                    <a href="http://www.acer.com" >Acer</a>
                    <a href="http://www.hp.com" >HP</a>
                </td>
            </tr>
            <tr>
                <td>
                    <hr/>
                </td>
            </tr>
        </thead>
       <tbody>
            <tr>
                <td >
                    <table>
                        <tr>
                          <td>
                              <table class="myTable" style="width:550px;height:570px">
                                  <tr>
                                    <td>
                                        <form>
                                            <fieldset>
                                                <legend style="text-align:center">Apple MacBook Air</legend>
                                                <table>
                                                 <tr>
                                                    <td rowspan="2">
                                                       <img src="images\Apple-MacBook-Air.jpg" alt="Apple MacBook Air" style="width:150px" />
                                                    </td>
                                                    <td>
                                                       64 GB SSD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        2 GB DDR
                                                    </td>
                                                </tr>
                                                    <tr>
                                                        <td style="text-align:center">
                                                            1300 USD
                                                        </td>
                                                        <td>
                                                            Intel Core i5
                                                        </td>
                                                    </tr>
                                                 </table>
                                            </fieldset>
                                        </form>
                                    </td>
                                      <td>
                                        <form>
                                            <fieldset>
                                                <legend style="text-align:center">Apple MacBook Air</legend>
                                                <table>
                                                 <tr>
                                                    <td rowspan="2">
                                                       <img src="images\Apple-MacBook-Air.jpg" alt="Apple MacBook Air" style="width:150px" />
                                                    </td>
                                                    <td>
                                                       64 GB SSD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        2 GB DDR
                                                    </td>
                                                </tr>
                                                    <tr>
                                                        <td style="text-align:center">
                                                            1300 USD
                                                        </td>
                                                        <td>
                                                            Intel Core i5
                                                        </td>
                                                    </tr>
                                                 </table>
                                            </fieldset>
                                        </form>
                                    </td>
                                  </tr>
                                  <tr>
                                      <td>
                                        <form>
                                            <fieldset>
                                                <legend style="text-align:center">Apple MacBook Air</legend>
                                                <table>
                                                 <tr>
                                                    <td rowspan="2">
                                                       <img src="images\Apple-MacBook-Air.jpg" alt="Apple MacBook Air" style="width:150px" />
                                                    </td>
                                                    <td>
                                                       64 GB SSD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        2 GB DDR
                                                    </td>
                                                </tr>
                                                    <tr>
                                                        <td style="text-align:center">
                                                            1300 USD
                                                        </td>
                                                        <td>
                                                            Intel Core i5
                                                        </td>
                                                    </tr>
                                                 </table>
                                            </fieldset>
                                        </form>
                                    </td>
                                      <td>
                                        <form>
                                            <fieldset>
                                                <legend style="text-align:center">Apple MacBook Air</legend>
                                                <table>
                                                 <tr>
                                                    <td rowspan="2">
                                                       <img src="images\Apple-MacBook-Air.jpg" alt="Apple MacBook Air" style="width:150px" />
                                                    </td>
                                                    <td>
                                                       64 GB SSD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        2 GB DDR
                                                    </td>
                                                </tr>
                                                    <tr>
                                                        <td style="text-align:center">
                                                            1300 USD
                                                        </td>
                                                        <td>
                                                            Intel Core i5
                                                        </td>
                                                    </tr>
                                                 </table>
                                            </fieldset>
                                        </form>
                                    </td>
                                  </tr>
                                  <tr>
                                      <td>
                                        <form>
                                            <fieldset>
                                                <legend style="text-align:center">Apple MacBook Air</legend>
                                                <table>
                                                 <tr>
                                                    <td rowspan="2">
                                                       <img src="images\Apple-MacBook-Air.jpg" alt="Apple MacBook Air" style="width:150px" />
                                                    </td>
                                                    <td>
                                                       64 GB SSD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        2 GB DDR
                                                    </td>
                                                </tr>
                                                    <tr>
                                                        <td style="text-align:center">
                                                            1300 USD
                                                        </td>
                                                        <td>
                                                            Intel Core i5
                                                        </td>
                                                    </tr>
                                                 </table>
                                            </fieldset>
                                        </form>
                                    </td>
                                      <td>
                                        <form>
                                            <fieldset>
                                                <legend style="text-align:center">Apple MacBook Air</legend>
                                                <table>
                                                 <tr>
                                                    <td rowspan="2">
                                                       <img src="images\Apple-MacBook-Air.jpg" alt="Apple MacBook Air" style="width:150px" />
                                                    </td>
                                                    <td>
                                                       64 GB SSD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        2 GB DDR
                                                    </td>
                                                </tr>
                                                    <tr>
                                                        <td style="text-align:center">
                                                            1300 USD
                                                        </td>
                                                        <td>
                                                            Intel Core i5
                                                        </td>
                                                    </tr>
                                                 </table>
                                            </fieldset>
                                        </form>
                                    </td>
                                  </tr>
                              </table>
                          </td>
                            <td>
                                <table style="width:275px;height:570px;">
                                    <tr>
                                         <td style="text-align:center">
                                            <br />
                                            <br />
                                            <br />
                                            <br />
                                            <br />
                                            <br />
                                            <br />
                                            <label for="minprice">Min Price: 500 USD</label>
                                            <br />
                                            <input type="range" name="MinPrice" value="50" id="minprice" style="width:200px"/>
                                         </td>
                                    </tr>
                                    <tr>
                                        <td  style="text-align:center">
                                            <br />
                                            <br />
                                            <label for="maxprice">Max Price: 1500 USD</label>
                                            <br />
                                            <input type="range" name="MaxPrice" value="50" id="maxprice" style="width:200px"/>
                                            <br />
                                            <br />
                                            <br />
                                            <br />
                                            <label for="minram">Min Ram: 4 GB</label>
                                            <br />
                                            <input type="range" name="MinRam" value="50" id="minram" style="width:200px"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  style="text-align:center">
                                            <label for="maxram">Max Ram: 16 GB</label>
                                            <br />
                                            <input type="range" name="MaxRam" value="50" id="maxram" style="width:200px"/>
                                         </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    </td>
                    <td>
                </td>
            </tr>
       </tbody>
    </table>
</body>
</html>





                           






                            




                           




                                